$(function () {
    $("#bootstrap-table").bootstrapTable({
        method : 'get', // 服务器数据的请求方式 get or post
        url : baseURL + 'HelpCateDetail/helpcatedetail/page', // 服务器数据的加载地址
        showRefresh : true,
        showToggle : true,
		showColumns : true,
		showExport :true,
		sortName:"id",// 排序列名称
		sortOrder: "desc",
		sortable: true,
		toolbar : '#exampleToolbar',
 		striped : true, // 设置为true会有隔行变色效果
		dataType : "json", // 服务器返回的数据类型
		pagination : true, // 设置为true会在底部显示分页条
		// queryParamsType : "limit",
		// //设置为limit则会发送符合RESTFull格式的参数
		singleSelect : false, // 设置为true将禁止多选
		// contentType : "application/x-www-form-urlencoded",
		// //发送到服务器的数据编码类型
		pageSize : 10, // 如果设置了分页，每页数据条数
		pageNumber : 1, // 如果设置了分布，首页页码
		// search : true, // 是否显示搜索框
		sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
		// "server"
		queryParams : function(params) {
			var search = vm.search;
			search.limit =params.limit,
			search.offset = params.offset,
			search.sidx = params.sort, //排序列名
			search.order= params.order //排位命令（desc，asc）
 			return search;
 		},

        columns: [
        {
				checkbox : true
		},

 		{
				field : 'id', // 列字段名
				title : 'id', // 列标题
				sortable: true
		},

 		{
				field : 'title', // 列字段名
				title : '标题', // 列标题
				sortable: false
		},


 		{
				field : 'parentName', // 列字段名
				title : '分类', // 列标题
				sortable: false
		},

		{
				field : 'applyName', // 列字段名
				title : '应用', // 列标题
				sortable: false
		},


		{
				title : '操作',
				field : 'id',
				align : 'center',
				formatter : function(value, row,index)
				{
					var e = '<a  class="btn btn-primary btn-sm '
						+ ''
					    + '" href="#" mce_href="#" title="编辑" onclick="edit(\''
					    + row.id
					    + '\')"><i class="fa fa-edit "></i></a> ';
					var d = '<a class="btn btn-warning btn-sm '
						+ ''
						+ '" href="#" title="删除"  mce_href="#" onclick="remove(\''
						+ row.id
						+ '\')"><i class="fa fa-remove"></i></a> ';

					return e + d;

				}
		}
        ],

    });
	//编辑器配置
	window.UE.delEditor('editor'); //每次加载之前先删除编辑器，否则会加载异常
	editor = window.UE.getEditor('editor', {
		serverUrl: imgURL+"ueditor/config",
		enableAutoSave:false,
		saveInterval:0,
		initialFrameWidth: null, //编辑器自适应
		autoHeightEnabled: false,
		toolbars: [
			[
				'source', // 源代码
				'bold', // 加粗
				'italic', // 斜体
				'underline', // 下划线
				'strikethrough', // 删除线
				'forecolor', // 字体颜色
				'backcolor', // 背景色
				'fontfamily', // 字体
				'fontsize', // 字号
				'paragraph', // 段落格式
				'justifyleft', // 居左对齐
				'justifycenter', // 居中对齐
				'justifyright', // 居右对齐
				'superscript', // 上标
				'blockquote', // 引用
				'selectall', // 全选
				'preview', // 预览
				'removeformat', // 清除格式
				'inserttable', // 插入表格
				'unlink', // 取消链接
				'insertrow', // 前插入行
				'insertcol', // 前插入列
				'mergeright', // 右合并单元格
				'mergedown', // 下合并单元格
				'deleterow', // 删除行
				'deletecol', // 删除列
				'splittorows', // 拆分成行
				'splittocols', // 拆分成列
				'splittocells', // 完全拆分单元格
				'deletecaption', // 删除表格标题
				'inserttitle', // 插入标题
				'mergecells', // 合并多个单元格
				'deletetable', // 删除表格
				'cleardoc', // 清空文档
				'insertimage', // 多图上传
				'link', // 超链接
				'insertorderedlist', // 有序列表
				'insertunorderedlist', // 无序列表
				'fullscreen', // 全屏
				'directionalityltr', // 从左向右输入
				'directionalityrtl', // 从右向左输入
				'imagenone', // 默认
				'imageleft', // 左浮动
				'imageright', // 右浮动
				'imagecenter', // 居中
				'lineheight', // 行间距
				'customstyle', // 自定义标题
			]
		]
	});
	editor.ready(function () {
		editor.setHeight(800);
	});
});
var editor;
var setting = {
	data: {
		simpleData: {
			enable: true,
			idKey: "id",
			pIdKey: "pid",
			rootPId: -1
		},
		key: {
			url:"nourl"
		}
	}
};
var ztree;
var vm = new Vue({
	el:'#rrapp',
	data:{
		search : {
			title:'',
			apply:''
				},
		showList: true,
		title: null,
		selected:"",
		helpCateDetail: {}
	},
	created: function () {

	},
	methods: {
		getMenu: function(menuId){
			//加载菜单树
			$.get(baseURL + "HelpCategory/helpcategory/list/select", function(r){
				ztree = $.fn.zTree.init($("#menuTree"), setting, r.menuList);
				var node = ztree.getNodeByParam("id", vm.helpCateDetail.helpCateId);
				ztree.selectNode(node);
				vm.helpCateDetail.parentName = node.name;
			})
		},
		query: function () {
			vm.reload();
		},
		add: function(){
			vm.showList = false;
			vm.title = "新增";
			vm.helpCateDetail = {parentName:null,helpCateId:0};
			vm.getMenu();
		},
		update: function (event) {
			var id = getSelectedRow();
			if(id == null){
				return ;
			}
			vm.showList = false;
            vm.title = "修改";
            vm.getInfo(id.id);
 		},
		saveOrUpdate: function (event) {
			vm.helpCateDetail.content= btoa(unescape(encodeURIComponent(editor.getContent())));
			vm.helpCateDetail.apply=vm.selected;
			var url = vm.helpCateDetail.id == null ? "HelpCateDetail/helpcatedetail/save" : "HelpCateDetail/helpcatedetail/update";
			$.ajax({
				type: "POST",
			    url: baseURL + url,
                contentType: "application/json",
			    data: JSON.stringify(vm.helpCateDetail),
			    success: function(r){
			    	if(r.code === 0){
						alert('操作成功', function(index){
							vm.reload();
						});
					}else{
						alert(r.msg);
					}
				}
			});
		},
		del: function (event) {
			var ids = getSelectedRows();
			if(ids == null){
				return ;
			}
				ids = $.map(ids, function(row) {
						return row.id;
					});
			confirm('确定要删除选中的记录？', function(){
				$.ajax({
					type: "POST",
				    url: baseURL + "HelpCateDetail/helpcatedetail/delete",
                    contentType: "application/json",
				    data: JSON.stringify(ids),
				    success: function(r){
						if(r.code == 0){
							alert('操作成功', function(index){
								$('#bootstrap-table').bootstrapTable('refresh');
							});
						}else{
							alert(r.msg);
						}
					}
				});
			});
		},
		getInfo: function(id){
			$.get(baseURL + "HelpCateDetail/helpcatedetail/info/"+id, function(r){
                vm.helpCateDetail = r.helpCateDetail;
                vm.selected=r.helpCateDetail.apply;
			//let content=decodeURIComponent(escape(window.atob(r.helpCateDetail.content)));
				editor.setContent(r.helpCateDetail.content);
				vm.getMenu();
            });

		},
		reload: function (event) {
			vm.showList = true;
			$('#bootstrap-table').bootstrapTable('refresh');
		},
		menuTree: function(){
			layer.open({
				type: 1,
				offset: '50px',
				skin: 'layui-layer-molv',
				title: "选择分类",
				area: ['300px', '450px'],
				shade: 0,
				shadeClose: false,
				content: jQuery("#menuLayer"),
				btn: ['确定', '取消'],
				btn1: function (index) {
					var node = ztree.getSelectedNodes();
					//选择上级菜单
					vm.helpCateDetail.helpCateId = node[0].id;
					vm.helpCateDetail.parentName = node[0].name;
					layer.close(index);
				}
			});
		},

	}
});


		function edit(id) {

			vm.showList = false;
			vm.title = "修改";
			vm.getInfo(id);
		}

		function remove(id) {
			var arr = new Array();
			arr.push(id);
			confirm('确定要删除选中的记录？', function() {

				$.ajax({
					type : "POST",
					url : baseURL + "HelpCateDetail/helpcatedetail/delete",
					contentType : "application/json",
					data : JSON.stringify(arr),
					success : function(r) {
						if (r.code == 0) {
							alert('操作成功', function() {
								vm.reload();
							});
						} else {
							alert(r.msg);
						}
					}
				});
			});
		}